<!-- 头部 -->
<!DOCTYPE html>
<html class="fly-html-layui fly-html-store" xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">		
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<link rel="stylesheet" href="../static/hotel/layui/dist/css/layui.css" th:href="@{hotel/layui/dist/css/layui.css}">
		<link rel="stylesheet" href="../static/hotel/css/global.css" charset="utf-8" th:href="@{hotel/css/global.css}">
		<link rel="stylesheet" href="../static/hotel/css/global(1).css" charset="utf-8" th:href="@{hotel/css/global(1).css}">
		<link rel="stylesheet" href="../static/hotel/css/store.css" charset="utf-8" th:href="@{hotel/css/store.css}">
		<script src="../static/hotel/layui/dist/layui.js" th:src="@{hotel/layui/dist/layui.js}"></script>

		<script src="../static/hotel/js/classie.js" th:src="@{hotel/js/classie.js}"></script>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="keywords" content="" />
		<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
        function hideURLbar(){ window.scrollTo(0,1); } </script>
		<!-- //for-mobile-apps -->
		<link th:href="@{/adminlte/css/bootstrap.css}" rel="stylesheet" type="text/css" media="all" />
		<!-- menu -->
		<link th:href="@{/adminlte/css/component.css}" rel="stylesheet" type="text/css" />
		<!-- //menu -->
		<link th:href="@{/adminlte/css/style.css}" rel="stylesheet" type="text/css" media="all" />
		<!-- js -->
		<script type="text/javascript" th:src="@{/adminlte/js/jquery-2.1.4.min.js}"></script>
		<!-- //js -->
		<!-- fonts -->
		<link th:href="@{http://fonts.googleapis.com/css?family=Gabriela}" rel='stylesheet' type='text/css'>
		<link th:href="@{http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800}" rel='stylesheet' type='text/css'>
		<!-- //fonts -->
		<!-- start-smoth-scrolling -->
		<script type="text/javascript" th:src="@{/adminlte/js/move-top.js}"></script>
		<script type="text/javascript" th:src="@{/adminlte/js/easing.js}"></script>
		<script type="text/javascript">
            jQuery(document).ready(function($) {
                $(".scroll").click(function(event){
                    event.preventDefault();
                    $('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
                });
            });
		</script>
		<!-- start-smoth-scrolling -->
		<!--animate-->
		<link th:href="@{/adminlte/css/animate.css}" rel="stylesheet" type="text/css" media="all">
		<script th:src="@{/adminlte/js/wow.min.js}"></script>

	</head>	<title>全部房间列表 - 酒店管理系统</title>
	<body>
	<div class="banner ">
		<!--nav-->

		<section th:replace="~{/fragment/SectionButton :: SectionButton}"/>
		<nav th:replace="~{fragment/nav :: nav}"/>
		<!-- Classie - class helper functions by @desandro https://github.com/desandro/classie -->
		<script th:src="@{hotel/js/classie.js}"></script>
		<script>
            var menuLeft = document.getElementById( 'cbp-spmenu-s1' ),
                showLeftPush = document.getElementById( 'showLeftPush' ),
                showRightPush = document.getElementById( 'showRightPush' ),
                body = document.body;

            showLeftPush.onclick = function() {
                classie.toggle( this, 'active' );
                classie.toggle( body, 'cbp-spmenu-push-toright' );
                classie.toggle( menuLeft, 'cbp-spmenu-open' );
                disableOther( 'showLeftPush' );
            };

            function disableOther( button ) {
                if( button !== 'showLeftPush' ) {
                    classie.toggle( showLeftPush, 'disabled' );
                }
                if( button !== 'showRightPush' ) {
                    classie.toggle( showRightPush, 'disabled' );
                }
            }
		</script>
		<div class="banner-left page-head">
			<div class="grid__item wow fadeInDown animated" data-wow-delay=".5s">
				<h1><a class="link link--ilin" th:href="@{index.html}"><span>Royal 主页 </span><span>Shine</span></a></h1>
			</div>
			<div class="clearfix"></div>
		</div>
	</div>

		<div class="shoplist-filter">
			<div class="layui-container">
				<div class="layui-card">
					<div class="layui-card-header"> <span class="layui-breadcrumb" style="visibility: visible;"> <a href="../static/hotel/index.html">酒店首页</a><span lay-separator="">/</span> <a href="../../../1/0/1/20.html">类别</a><span lay-separator="">/</span> <a><cite>全部</cite></a>
						</span> </div>
					<div class="layui-card-body">
						<div class="store-cat-item"> <span><i class="layui-icon layui-icon-shop-fenlei"></i>类别：</span>
							<ul>
								<li class="active"> <a href="">全部</a> </li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="shop-temp shoplist">
			<div class="temp-normal">
				<div class="layui-container">
					<div class="layui-row layui-col-space20 shoplist">
						<div class="layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg3" th:each="rooms:${roomList}">
							<a class="template store-list-box" th:href="@{roominfo(id=${rooms.getRtypeId()})}" target="_blank">
								<img  th:src="${rooms.image}" src="../static/hotel/images/10.jpg" class="store-list-cover">
								<h2 class="layui-elip"><label th:text="${rooms.getRtypeName()}"></label></h2>
								<div> <label class="layui-badge-rim store-list-pay" th:text="${rooms.price}"> </label>
									<div class="store-list-colorbar">
										<span class="store-color-bar" style="border-color: #009688;color: #009688;border-width: 1px;border-style: solid;background-color: #fff;    text-align: center;">预定</span>
										<span class="store-color-bar" style="border-color: #5fb878;color: #5fb878;border-width: 1px;border-style: solid;background-color: #fff;    text-align: center;"><label th:text="${rooms.getBedType()}"></label></span>
								        <span class="store-color-bar" style="border-color: #01aaed;color: #01aaed;border-width: 1px;border-style: solid;background-color: #fff;    text-align: center;">酒店7楼</span>
									</div>
								</div>
							</a>
						</div>
					</div>
					<div style="margin: 50px 0 80px; text-align: center;"> </div>
				</div>
			</div>
		</div>
<div class="fly-footer">
			<p></a> 2019 ©songtao.cn</a></p>
			<p>富强&nbsp;&nbsp;民主&nbsp;&nbsp;文明&nbsp;&nbsp;和谐</p>
			
</div>
	</body>
</html>
